// map.js
Page({
  onLoad({ id }) {
    this.getDetail(id)

    this.fn() // 在页面一加载时  规划好路线
  },
  async getDetail(id) {
    const { code, data } = await wx.http({
      url: `/repair/${id}`,
    })
    if (code !== 10000) return wx.toast()

    // console.log(data)
    this.setData({ ...data })
  },

  data: {
    // latitude: 40.060539,
    // longitude: 116.343847,

    // 地图所需要的标记信息
    markers: [
      // 每个标记都是一个对象  得有 宽 高  id 经 纬度
      {
        id: 1,
        width: 20,
        height: 30,
        latitude: 31.036568,
        longitude: 121.593661,
      },
      // 黑马
      {
        id: 2,
        width: 20,
        height: 30,
        latitude: 31.034871,
        longitude: 121.612067,
      },
      // 苏杭
      {
        id: 3,
        width: 40,
        height: 40,
        latitude: 31.035065,
        longitude: 121.595913,
        iconPath: '/static/images/marker.png', // 额外提供标记的图片信息
      },
    ],

    // 代表地图中的路线 整个是数组 里面的信息非常的专业 非常的复杂 非常的恶心
    // 我们不关心polyline怎么来的(涉及到大量的数理逻辑运算)  但是我们需要那个结果polyline  => 已经封装好了一个函数直接用 wx.map.direction
    // 需要提供   1.起点终点   2.出行方式
    polyline: [],
  },

  fn() {
    var _this = this
    //调用距离计算接口
    wx.map.direction({
      mode: 'driving', //可选值：'driving'（驾车）、'walking'（步行）、'bicycling'（骑行），不填默认：'driving',可不填
      //from参数不填默认当前地址
      from: `${31.035065},${121.595913}`, // 起点设置在苏杭
      to: `${31.036568},${121.593661}`, // 终点设置在航欣苑
      success: function (res) {
        console.log(res) // 路线规划之后的结果  这个结果需要专业化的处理
        var ret = res
        var coors = ret.result.routes[0].polyline,
          pl = []
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        var kr = 1000000
        for (let i = 2; i < coors.length; i++) {
          coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr
        }
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coors.length; i += 2) {
          pl.push({ latitude: coors[i], longitude: coors[i + 1] })
        }
        console.log(pl)
        //设置polyline属性，将路线显示出来,将解压坐标第一个数据作为起点
        _this.setData({
          latitude: pl[0].latitude,
          longitude: pl[0].longitude,
          // 主要是这个 得到了一个专业的polyline
          polyline: [
            {
              points: pl,
              color: '#00ff00',
              width: 8,
            },
          ],
        })
      },
      fail: function (error) {
        console.error(error)
      },
      complete: function (res) {
        console.log(res)
      },
    })
  },

  async del() {
    // 取消指定报修   id
    // console.log(this.data.id)

    const { code } = await wx.http({
      method: 'put',
      url: `/cancel/repaire/${this.data.id}`,
    })

    if (code !== 10000) return wx.toast()

    wx.navigateBack()
  },

  goForm() {
    wx.navigateTo({
      url: '/repair_pkg/pages/form/index?id=' + this.data.id,
    })
  },
})
